<template>
    <div class="header-wrap">
        <div>BigFun内容审核平台</div>
        <div>
            <Avatar icon="ios-person"></Avatar>
        </div>
    </div>
</template>

<script lang="ts">
    import {Component, Vue} from "vue-property-decorator";

    @Component
    export default class NavHeader extends Vue {
        name: string = 'NavHeader'
    }
</script>

<style scoped lang="scss">
    @import "../assets/scss/vars";
    .header-wrap {
        padding: $base;
        display: flex;
        background-color: #515a6e;
        height: 50px;
        justify-content: space-between;
        align-items: center;
        color: #fff;
        font-weight: bold;
        position: relative;
        z-index: 9999;
    }
</style>